<html>
<head>
<meta charset="UTF-8"/>
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<title>card</title>
<link type="text/css" href="${base!}/front/css/all.css" rel="stylesheet" /><script type="text/javascript" src="${rc.getContextPath()}/resources/js/jquery.js"></script>
<style>
.cardad{margin-top:15px; text-align:center;}
.card-list { width: 980px; height: 500px; }
.card-list li { float: left; width: 220px; margin: 23px 23px 0px 33px; _display: inline; position: relative; }
.card-list .first { margin-left: 0px; margin:10px }
.card-items { width: 218px; height: 118px; border: 1px solid #45427b; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #fff; z-index: 1; cursor: pointer; }
.card-01 .card-bg { background-color: #45427b; }
.card-list .card-bg { float: left; width: 8px; height: 118px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.card-list .card-top { margin-left: 8px; height: 43px; padding: 12px 10px; border-bottom: 1px solid #EEE; background: #f9fbfc; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; position: relative; }
.card-list .shop-ic { float: left; width: 36px; height: 36px; margin: 2px 5px 0 0; vertical-align: middle; }
.card-list .card-top h4 { text-align: left; font-size: 14px; font-weight: bold; color: #000;position: relative; z-index: 2; }
.card-list .card-top .icon-kaka { background: url(images/kaka-bg.png) no-repeat; display: block; height: 54px; position: absolute; right: 0; top: 0; width: 54px; z-index: 1; }
.card-list .card-top a { color: #000; }
.card-list .card-top p { font: 12px; color: #63421f; text-align: left; padding-top: 3px; }
.card-list .card-discount { text-align: left; margin-left: 8px; padding: 6px 0 0 15px; height: 44px; position: relative; }
.card-list .card-discount a { color: #63421f; }
.card-list .card-discount .micro-btn { position: absolute; right: 10px; top: 14px; }
.micro-btn a, .medi-btn a, .medi-btn-ash a { display: inline-block; *display:inline;
*zoom:1;
margin-right: 5px; height: 22px; line-height: 22px; background: url(/front/images/btns_bg.png) 0 0 no-repeat; padding-left: 3px; color: #686868; position: relative; }
.micro-btn a span, .medi-btn a span, .medi-btn-ash a span { display: inline-block; *display:inline;
color: #000; *zoom:1;
height: 22px; line-height: 22px; background: url(/front/images/btns_bg.png) right -24px no-repeat; padding: 0 13px 0 13px; cursor: pointer; }
.micro-btn a:hover, .medi-btn a:hover, .medi-btn-ash a:hover { background-position: 0 -55px; }
.micro-btn a:hover span, .medi-btn a:hover span, .medi-btn-ash a:hover span { background-position: right -78px; cursor: pointer; }
/*弹出框*/
.pop-box { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); width: 408px; z-index: 90; text-align: left; }
.pop-main { background-color: #FFFFFF; border: 1px solid #BBBBBB; }
.pop-main .pop-hd { background-color: #F4F4F4; padding: 8px 10px; position: relative; }
.pop-main .pop-hd h3 { color: #424242; font-size: 14px; }
.pop-main .pop-hd .close { background: url(/front/images/box_close.gif); height: 13px; position: absolute; right: 8px; top: 10px; width: 11px; z-index: 2; }
.pop-main .pop-con { padding: 25px 30px; position: relative; text-align: left; }
.point-card-box { margin-left: 35px; height: 180px; position: relative; width: 277px; }
.pop-box .point-card-rebate { border: 1px solid #DDDDDD; border-radius: 3px; margin: 15px 0 18px; padding: 20px 25px 15px; position: relative; text-align: left; }
.pop-box .point-card-rebate h4 { background-color: #FFFFFF; color: #45427b; font-size: 14px; font-weight: bold; padding: 0 5px; position: absolute; top: -10px; }
.pop-box .point-card-rebate p { font-size: 12px; font-weight: bold; margin-bottom: 2px; color: #a6a6a6; }
.pop-box .btn-box { padding-top: 15px; text-align: right; }
/*所有分类*/
.type_index { background-color: #f4f4f4; border: 1px solid #c2c2c2; padding: 5px 10px; margin-top: 20px;  -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.type_index h2 { background: url(/front/images/list_line.gif) repeat-x 0 bottom; line-height: 30px; height: 30px; }
.type_index h2 a { display: block; background: url(/front/images/list_img2.gif) 102px 11px no-repeat; width: 110px;font-size:12px; color:#000; }
.type_index dl { margin: 10px 0; text-align:left; }
.type_index dl dt, .type_index dl dd, .type_index dl dd a { display: inline-block;  *display:inline; *zoom:1;line-height: 24px; height: 24px; }
.type_index dl dt { margin-left: 5px; }
.type_index dl dd a { padding: 0 10px; margin-right: 5px; color:#000; }
.type_index dl dd a.cur,.type_index dl dd a:hover { background-color: #c2c2c2; }
.classsearch{ margin-left:10px; position:relative;}
.classsearch input{height: 24px;_margin-bottom:3px;}
.classsearchIco{ width:25px;height:20px;background:url(/front/images/classsearchIco.gif) no-repeat;display:block;position: absolute;right: 1px;top:2px; cursor:pointer;}
</style>
<script type="text/javascript" src="${base!}/resources/js/jquery.js"></script>
<script type="text/javascript">
var base='${base!}';function getCardshow(id){	window.location.href=base+'/front/cardshow.html?storeId='+id;};function doSerach(){	$("#tableForm").submit();};
</script></head><body><#include "${base!}/front/header.html"/><div class="cardad">    <@cms_banner_list >      <#list card_banner_list as banner> 		<a href="${banner.link!'#'}"><img src="${banner.url!'/front/images/temp2.jpg'}" height="280px" width="980px" /></a>	  </#list>    </@cms_banner_list></div><div class="main">  <div class="wrap">    <div class="card-list">      <div class="type_index">				<h2>                <a class="fleft" href="#">All Businesses</a>                <div class="fleft classsearch">                	<form action="${base!}/front/card.html" method="post" id="tableForm" name="tableForm">                    	<input type="text" placeholder="Search" name="companyName" maxlength="30"/>                    	<span class="classsearchIco"  onclick="doSerach()"></span>                    </form>                </div>                </h2>				<dl>					<dt>Business type：</dt>					<dd>						<a  <#if tagId??><#else> class="cur"</#if> href="${base!}/front/card.html">all</a>						<#if tags?? && tags?size gt 0>							<#list tags as ta>								<a href="${base!}/front/card.html?tagId=${ta.id!}" <#if tagId??&&tagId==ta.id>  class="cur"</#if> >${(ta.tagName)!}</a>							</#list>						</#if>					</dd>				</dl>			</div>		      <ul>				<#if page.list??>					<#list page.list as bo>      					        <li class="li-hover card-01 first" onclick="getCardshow('${bo.store.storeId!}')">					          <div class="card-items">					            <div class="card-bg"></div>					            <div class="card-top"> <span class="shop-ic">					             <@cms_icon iconId='${bo.store.iconId!}'>						             <img src="${base!}${icon.imgUrl!}" title="${bo.company.companyName!}" width="36" height="36" />					             </@cms_icon>					            					             </span>					              <h4><a full_title="${bo.company.companyName!}" href="${base!}/front/cardshow.html?storeId=${bo.store.storeId!}">						        	<#if bo.company.companyName??>						        		<#if ((bo.company.companyName)?length>45)>						        			${(bo.company.companyName)[0..45]} ...						        		<#else>						        			${bo.company.companyName}						        		</#if>						        	</#if>						              					              </a></h4>					              <p>						        	<#if bo.company.description??>						        		<#if ((bo.company.description)?length>10)>						        			${(bo.company.description)[0..10]} …………						        		<#else>						        			${bo.company.description}						        		</#if>						        	</#if>			              					             </p>					            </div>					            <div class="card-discount"> <a href="${base!}/front/cardshow.html?storeId=${bo.store.storeId!}">${bo.store.memberCount!'0'}</a></div>					          </div>					        </li>		 			</#list>				</#if>     		      </ul>    </div>  </div></div><#include "${base!}/front/footer.html"/></body></html>
